<template>
  <div class="exception">
    <div class="imgBlock">
      <div class="imgEle" :style="{backgroundImage: `url('https://gw.alipayobjects.com/zos/rmsportal/KpnpchXsobRgLElEozzI.svg')`}">
      </div>
    </div>
    <div class="content">
      <h1>欢迎光临</h1>
      <div class="actions">
        <!-- <a-button type="primary" @click="handleToHome">返回首页</a-button> -->
      </div>
    </div>
    <div >
      <a-row>
        <!-- <a-card title="Card title" :bordered=false :headStyle="tstyle" :bodyStyle="bstyle"> -->
        <!-- <p>card content</p> -->
        <!-- </a-card> -->
      </a-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GlobalFooter',
  data () {
    return {
      tstyle: { 'background-color': '#0785fd' },
      bstyle: { 'background-color': 'blue' }
    }
  }
}
</script>

<style lang="less" scoped>
.footer {
  padding: 0 16px;
  margin: 48px 0 24px;
  text-align: center;

  .links {
    margin-bottom: 8px;

    a {
      color: rgba(0, 0, 0, 0.45);

      &:hover {
        color: rgba(0, 0, 0, 0.65);
      }

      &:not(:last-child) {
        margin-right: 40px;
      }
    }
  }
  .copyright {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
  }
}
.ant-card-head {
  background-color: aqua;
}
</style>
